<!--
 * @Description:
 * @Author bianpengfei
 * @create 2022/1/12 17:34
 -->
<!--default-->
<script>
export default { name: 'demo' }
</script>

<!--setup-->
<script setup>
import { reactive, getCurrentInstance } from 'vue'
const state = reactive({
  pickerValue: '12',
  pickerColumns: [
    { name: '药品收入', xx: 'V_YLFYJG_MZSR_MZYPSR' },
    { name: '检查收入', xx: 'V_YLFYJG_MZSR_MZJCSR_YS' },
    { name: '化验收入', xx: 'V_YLFYJG_YLZSR_HYSR_YS' },
    { name: '手术收入', xx: 'V_YLFYJG_MZSR_MZSSSR_YS' },
    { name: '麻醉收入', xx: 'V_YLFYJG_MZSR_MZMZSR_YS' },
    { name: '治疗收入', xx: 'V_YLFYJG_YLZSR_ZLSR_YS' },
    { name: '其他收入', xx: 'V_YLFYJG_MZSR_MZWSQTSR_YS' }
  ]
})
const { proxy } = getCurrentInstance()

function onConfirm({ label, value }) {
  alert(`选择：${label},值：${value}`)
}
</script>

<!--render-->
<template>
  <div class="page__card my-12">
    <g-filter-type-picker
      v-model:value="state.pickerValue"
      :options="state.pickerColumns"
      :props="{ label: 'name', value: 'xx' }"
      @confirm="onConfirm"
    >
    </g-filter-type-picker>
    <div class="px-12 mt-12">选项值：{{ state.pickerValue }}</div>
  </div>
</template>

<!--style-->
<style scoped lang="less"></style>
